<template>
    <div>
      <div class="adafaaff">
        <div @click="dianzanon">
          <i class="el-icon-star-on"></i>
          <span>点赞</span>
          <p>{{dianzan}}</p>
        </div>
        <div @click="zhuanfa">
          <i class="el-icon-star-on"></i>
          <span>转发</span>
          <p>1541</p>
        </div>
        <div @click="pingluen">
          <i class="el-icon-star-on"></i>
          <span>评论</span>
          <p>15411</p>
        </div>
       
      </div>
    </div>
</template>
<script>
export default {
  data() {
    return {
      dianzan:'125'
    }
  },
  methods: {
    dianzanon(){
      
    },
    zhuanfa(){},
    pingluen(){
      this.$router.push({
          path: "/Interac"
        });
    }
  },
}
</script>
<style scoped>
.adafaaff {
  height: 50px;
  width: 900px;
  background-color: #e6e6e6;
  display: flex
}
.adafaaff div{
  width: 25%;
  text-align: center;
  line-height: 50px;
  display: flex;
  margin-left: 63px;
}
.adafaaff div img{
  width: 25px;
  height: 25px;
  margin-top: 15px;
}
.adafaaff div i {
  font-size: 28px;
  margin-top: 10px;
  color: #828282
}
.adafaaff div:hover i, .adafaaff div:hover span,.adafaaff div:hover p{
  color: #f06048;
  cursor: pointer;
}
.adafaaff div span{
  font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #313131;
  margin-left: 3px;
  margin-right: 3px;
}
.adafaaff div p{
  font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #a0a0a0;
}   
</style>